<template>
  <div>
    <a-drawer title="Basic Drawer" :visible="visibleRef" placement="right">
      <p>Some contents...</p>
      <p>Some contents...</p>
      <p>Some contents...</p>
    </a-drawer>
  </div>
</template>

<script>
  import { defineComponent, ref, toRef } from 'vue';
  import { Drawer } from 'ant-design-vue';
  export default defineComponent({
    components: { [Drawer.name]: Drawer },
    setup: (props) => {
      const visibleRef = ref(true);
      const visible = toRef(props, 'visible');
      function isShow(isshow) {
        visibleRef.value = isshow;
      }
      return {
        visibleRef,
        visible,
        isShow,
      };
    },
  });
</script>

<style></style>
